﻿<!DOCTYPE html>
<html>
<head>
    <title>Create or open an application</title>
    <!-- 
    Application and page settings.
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="pragma" content="no-cache" />
    <link rel="icon" href="Graphics/PageIcon32x32.png" sizes="32x32" />
    <link rel="icon" href="Graphics/PageIcon48x48.png" sizes="48x48" />
    <link rel="icon" href="Graphics/PageIcon64x64.png" sizes="64x64" />
    <link rel="icon" href="Graphics/PageIcon128x128.png" sizes="128x128" />
    <link rel="icon" href="Graphics/PageIcon256x256.png" sizes="256x256" />
    <!-- 
    Style sheets. 
    -->
    <link href="../Framework/BrowserApi.css" rel="stylesheet" type="text/css" />
    <link href="/Motion/User Interface/Fonts/Fonts.css" rel="stylesheet" type="text/css" />
    <link href="../Framework/CommonStyles.css" rel="stylesheet" type="text/css" />
    <link href="App.css" rel="stylesheet" type="text/css" />
    <!--  
    Application scripts.    
    -->
    <script src="../Framework/BrowserApi.js" type="text/ecmascript">        
    </script>
    <script src="App.js" type="text/ecmascript">        
    </script>
    <script type="text/ecmascript">

        window.history.forward();
        window.addEventListener('load', Initialize, false);

        function Initialize()
        {
            window.removeEventListener('load', Initialize, false);
        }

    </script>
</head>
<body>
    <br />
    <br />
    <br />
    <div style="margin-right: auto; margin-left: auto; width: 800px;">
        <input name="OpenOrCreateAppRadio" id="CreateAppRadio" checked="checked" type="radio" onclick="javascript:Project.CreateAppRadio_Checked()">Create
        a new project
        <br />
        <input name="OpenOrCreateAppRadio" id="OpenAppRadio" type="radio" onclick="javascript:Project.OpenAppRadio_Checked()">Open an existing project
        <br />
        <br />
        <hr height="1px" />
        <br />
        <br />
        <div id="CreateAppPanel">
            <table>
                <tr>
                    <td>
                        New Project Name:
                    </td>
                    <td>
                        <input name="NewProjectName" size="100" maxlength="100" type="text">
                    </td>
                </tr>
            </table>
            <input name="Create" type="button" value="Create">
        </div>
        <div id="OpenAppPanel" style="display: block">
            List of available applications:
            <br />
            <br />
            <table>
                <tr>
                    <td>
                        <input type="button" value="x" />
                        &nbsp;
                    </td>
                    <td>
                        <input name="SelectAppToOpen" type="radio" />Project 1
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" value="x" />
                        &nbsp;
                    </td>
                    <td>
                        <input name="SelectAppToOpen" type="radio" />Project 2
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" value="x" />
                        &nbsp;
                    </td>
                    <td>
                        <input name="SelectAppToOpen" type="radio" />Project 3
                    </td>
                </tr>
            </table>
            <input id="OpenProject" type="button" value="Open" />
        </div>
</body>
</html>
